<!--
 @description Tag标签列
 @fileName index.vue
 @author zengqiongying
 @created 2023/04/19 16:33:19
-->
<template>
  <div v-if="list.length > 0" class="tags">
    <Tag v-for="(tag, i) in list" :key="i" v-bind="$attrs">
      {{ tag }}
    </Tag>
  </div>
</template>

<script lang="ts">
  export default {
    name: 'Tags'
  }
</script>
<script lang="ts" setup>
  import { defineProps } from 'vue'
  import Tag from './Tag.vue'
  const props = defineProps({
    list: {
      type: Array,
      default: () => []
    }
  })
</script>
<style lang="less" scoped>
  .tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -4px;
  }
</style>
